<template>
  <blogHeader></blogHeader>

  <!-- 主内容区域 -->
  <main class="container main_min_height  max-w-[1200px] mx-auto p-4">
    <div class="bg-white max-w-[1200px]">
      <img class="w-1/3 mx-auto" src="@/assets/img/404.jpg" />
      <div class="text-center mt-5">
        <button @click="router.push('/')" type="button"
          class=" blog-font-cute text-white bg-gradient-to-r bg-blue-500 transition-all duration-300 hover:bg-blue-700 focus:ring-4
        focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800 font-medium rounded-lg text-sm px-5 py-2.5 text-center mb-2">
          返回首页
        </button>
      </div>
    </div>
  </main>

  <indexFooter></indexFooter>


</template>

<script setup>
import blogHeader from '@/composition/frontend/component/Header.vue';
import indexFooter from '@/composition/frontend/component/indexFooter.vue';
import router from '@/router';

</script>

<style scoped></style>